<script lang="ts" setup>
import { Background } from '@vue-flow/background';

/*
姓名	        定义	    类型	            可选参数	默认
variant	      图案变体	BackgroundVariant	true	  dots
gap	          图案间隙	number	          true	  10
size	        图案尺寸	number	          true	  0.4
patternColor	图案颜色	string	          true	  #81818a
bgColor	      背景颜色 	string	          true	  #fff
height	      背景高度	number	          true	  100
width	        背景宽度	number	          true	  100
x	            X 轴偏移	number	          true	  0
y	            Y 轴偏移	number	          true	  0


BackgroundVariant： 
BackgroundVariant.Dots  - 点
BackgroundVariant.Lines - 线
*/
</script>

<template>
  <div style="block-size: 100%; inline-size: 100%"  class="dropzone-background">
    <Background :size="2" :gap="20" pattern-color="#BDBDBD">
      <slot />
    </Background>
  </div>
</template>

